<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript" src="js/axios.js"></script>
	<script type="text/javascript">
		/* 
			axios 拦截器 - 请求拦截 -响应拦截
		*/

		// 添加一个请求拦截器
		axios.interceptors.request.use(function(config) {
			// 一定要把 config return 出去 不然是不会生效的！
			console.log(config.url)
			config.headers.mytoken = 'lvhang-axios-interceptors';
			return config;

		}, function(err) {
			console.log(err)
		})

		// 添加一个响应拦截器
		axios.interceptors.response.use(function(res) {
			// 一定要把 config return 出去 不然是不会生效的！
			console.log(res) // 拦截器打印的结果 // 不是具体的数据！
			// 对返回的数据进行处理
			var data = res.data;
			return data;

		}, function(err) {
			// 处理响应的错误信息！
			console.log(err)
		})


		// 发起 axios 的请求
		axios.get('http://localhost:3000/adata').then(function(data) {
			console.log(data) // 最终我们请求的数据！
		})
	</script>
</body>
</html>